@extends('layouts.default')
@section('title', $user->name)

@section('content')
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md8 layui-col-md-offset2">
        <div class="layui-card">
          <div class="layui-card-header">
            <h1 style="text-align: center;">{{ $user->name }}</h1>
          </div>
          <div style="text-align: center;">
            @include('shared._stats', ['user'=>$user])
          </div>
          @if (Auth::check())
            <div style="text-align: center; margin-top: 10px;">
              @include('users._follow_form')
            </div>
          @endif
          <br>
          <div class="layui-card-body">
            <dl class="layuiadmin-card-status">
              @if($statuses->count() > 0)
                @foreach($statuses as $status)
                  @include('statuses._status', ['user'=>$user])
                @endforeach
              @else
                <p>暂时没有发布动态</p>
              @endif
            </dl>
            <div id="pages"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
@stop

@section('js')
<script>
  layui.use('laypage', function(){
    var laypage = layui.laypage;
    //执行一个laypage实例
    laypage.render({
      elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
      ,count: {{$count}}    //数据总数，从服务端得到
      ,curr: {{$curr}} //获取起始页
      // ,hash: 'fenye' //自定义hash值
      ,jump: function(obj, first){
        //obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        // console.log(obj.limit); //得到每页显示的条数

        //首次不执行
        if(!first){
          var url = "{{ route('users.show', $user)}}" + "?page=" + obj.curr;
          window.location.href = url;
        }
      }
    });
  });
</script>
@stop
